<template>
  <div class="layout-col" v-if="configStore.user.area_station_id == '' || configStore.user.function_role == 1">
    <div class="ww100 flex-bc plr12 ptb8 bs4">
      <div class="flex-sc">
        <span class="f15 fw">系统配置</span>
      </div>
      <div class="flex-ec flex1 h30">
        <div class="rad4 ptb6 plr10 flex-cc cursor bgi3 white ml10" @click.stop="handleClick('reset')">
          <i-ep-refresh class="f12 fw" /><span class="f14 ml5">清除缓存</span>
        </div>
      </div>
    </div>
    <el-descriptions :column="1" size="large" border>
      <el-descriptions-item label="主站" v-if="!proxy.isNull(configStore.config.main)">
        <input v-model="configStore.main" placeholder="请输入" />
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script lang="ts" setup>
	const { proxy }:any = getCurrentInstance()
  const publicStore = proxy.publicStore()
  const configStore = proxy.configStore()
  const state = reactive({
	  ...publicStore.$state,
  })

  const handleClick = (remark, val) => {
    if(remark == 'reset'){
      configStore.$reset()
    }
  }
</script>
  
<style scoped lang="scss">
  input{  
    background:none;  
    outline:none;  
    border:none;
  }

</style>
  